<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>小米商城 - 小米10 Pro、Redmi K30 Pro、小米MIX Alpha，小米电视官方网站</title>
  <!-- 网页描述（用于浏览器搜索） -->
  <meta name="description" content="小米官网直营小米公司旗下所有产品，包括小米手机系列小米10 Pro 、小米9、小米MIX Alpha，Redmi 
  红米系列Redmi 10X、Redmi K30，小米电视、笔记本、米家智能家居等，同时提供小米客户服务及售后支持." />
  <!-- 关键词（用于浏览器搜索） -->
  <meta name="keywords" content="小米,redmi,小米10,Redmi 10X,小米MIX Alpha,小米商城" />
  <!-- 引入网页图标 -->
  <link rel="icon" href="./img/icons/favicon.ico" type="image/x-icon" />
  <!-- 引入字体图标 -->
  <link rel="stylesheet" href="./fonts/iconfont.css">
  <!-- 引入基本css -->
  <link rel="stylesheet" href="./css/base.css">
  <!-- 引入公共css -->
  <link rel="stylesheet" href="./css/common.css">
  <!-- 引入首页css -->
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>
  <div class="app">
    
    <!-- header区域 start-->
    <div class="header">
      <!-- 顶部banner图 -->
      <div class="top-banner">
        <a href="javascript:;"></a>
      </div>
      <!-- 顶部bar start-->
      <div class="topbar">
        <div class="container">
          <!-- 导航栏nav -->
          <div class="topbar-nav">
            <a href="javascript:;">小米商城</a><span>|</span>
            <a href="javascript:;">MIUI</a><span>|</span>
            <a href="javascript:;">loT</a><span>|</span>
            <a href="javascript:;">云服务</a><span>|</span>
            <a href="javascript:;">天星数科</a><span>|</span>
            <a href="javascript:;">有品</a><span>|</span>
            <a href="javascript:;">小爱开放平台</a><span>|</span>
            <a href="javascript:;">企业团购</a><span>|</span>
            <a href="javascript:;">资质证照</a><span>|</span>
            <a href="javascript:;">协议规则</a><span>|</span>
            <a href="javascript:;" class="download">下载app
              <div class="appcode">
                <b></b>
                <img src="./img/erweima.png" alt="">
                <i>小米商城APP</i>
              </div>
            </a><span>|</span>
            <a href="javascript:;">智能生活</a><span>|</span>
            <a href="javascript:;">Select Location</a>
          </div>
          <!-- 购物车 -->
          <div class="topbar-cart">
            <a href="javascript:;" class="cart">
              <i class="iconfont icon-gouwuche"></i>
              <span>购物车</span>
              <span>(6)</span>
            </a>
            <div class="cart-menu">
              <div class="cart-ul">
                <ul>
                  <li>
                    <div class="cart-item">
                      <a href="javascript:;"><img src="./img/cart_item.jpg" alt=""></a>
                      <a href="javascript:;">小米10至尊纪念版 8GB+256GB 陶瓷黑</a>
                      <span>5599元 x 1</span>
                      <a href="javascript:;"><i class="iconfont icon-close"></i></a>
                    </div>
                  </li>
                  <li>
                    <div class="cart-item">
                      <a href="javascript:;"><img src="./img/cart_item.jpg" alt=""></a>
                      <a href="javascript:;">小米10至尊纪念版 8GB+256GB 陶瓷黑</a>
                      <span>5599元 x 1</span>
                      <a href="javascript:;"><i class="iconfont icon-close"></i></a>
                    </div>
                  </li>
                  <li>
                    <div class="cart-item">
                      <a href="javascript:;"><img src="./img/cart_item.jpg" alt=""></a>
                      <a href="javascript:;">小米10至尊纪念版 8GB+256GB 陶瓷黑</a>
                      <span>5599元 x 1</span>
                      <a href="javascript:;"><i class="iconfont icon-close"></i></a>
                    </div>
                  </li>
                  <li>
                    <div class="cart-item">
                      <a href="javascript:;"><img src="./img/cart_item.jpg" alt=""></a>
                      <a href="javascript:;">小米10至尊纪念版 8GB+256GB 陶瓷黑</a>
                      <span>5599元 x 1</span>
                      <a href="javascript:;"><i class="iconfont icon-close"></i></a>
                    </div>
                  </li>
                  <li>
                    <div class="cart-item">
                      <a href="javascript:;"><img src="./img/cart_item.jpg" alt=""></a>
                      <a href="javascript:;">小米10至尊纪念版 8GB+256GB 陶瓷黑</a>
                      <span>5599元 x 1</span>
                      <a href="javascript:;"><i class="iconfont icon-close"></i></a>
                    </div>
                  </li>
                  <li>
                    <div class="cart-item">
                      <a href="javascript:;"><img src="./img/cart_item.jpg" alt=""></a>
                      <a href="javascript:;">小米10至尊纪念版 8GB+256GB 陶瓷黑</a>
                      <span>5599元 x 1</span>
                      <a href="javascript:;"><i class="iconfont icon-close"></i></a>
                    </div>
                  </li>
                </ul>
              </div>
              <div class="cart-total">
                <span>共6件商品
                  <span>7659元</span>
                </span>
                <a href="javascript:;">去购物车结算</a>
              </div>
            </div>
          </div>
          <!-- 登录前信息区 -->
          <!-- <div class="topbar-info">
            <a href="javascript:;">登录</a><span>|</span>
            <a href="javascript:;">注册</a><span>|</span>
            <a href="javascript:;">消息通知</a>
          </div> -->
          <!-- 登录后 -->
          <div class="user-info">
            <div class="user">
              <a href="javascript:;" class="user-name">
                <span class="name">KY迪迪迪dsfdsfdsfds</span>
                <i class="iconfont icon-arrow-bottom"></i>
              </a>
              <ul>
                <li>个人中心</li>
                <li>评价晒单</li>
                <li>我的喜欢</li>
                <li>小米账户</li>
                <li>退出登录</li>
              </ul>
            </div>
            <span class="shuxian">|</span>
            <a href="javascript:;">消息通知</a><span class="shuxian">|</span>
            <a href="javascript:;">我的订单</a>
          </div>
        </div>
      </div>
      <!-- 顶部bar end-->
      
      <!-- 导航区域site-header start -->
      <div class="site-header">
        <div class="container">
          <!-- logo区 -->
          <div class="header-logo">
            <a href="javascript:;" title="小米官网">小米官网</a>
          </div>
          <!-- 导航菜单区 -->
          <div class="header-nav">
            <ul class="clearfix">
              <li class="nav-item">
                <a href="javascript:;" class="link allGoods"><span>全部商品分类</span></a>
                <!-- 菜单目录 -->
                <div class="site-category">
                  <ul>
                    <li class="cate-item">
                      <a href="javascript:;">
                        手机 电话卡
                        <em class="iconfont icon-arrow-right"></em>
                      </a>
                      <div class="cate-children">
                        <ul>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item.jpg" alt="">
                            <span>小米10 至尊纪念版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item.jpg" alt="">
                            <span>小米10 至尊纪念版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item.jpg" alt="">
                            <span>小米10 至尊纪念版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item.jpg" alt="">
                            <span>小米10 至尊纪念版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item.jpg" alt="">
                            <span>小米10 至尊纪念版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item.jpg" alt="">
                            <span>小米10 至尊纪念版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item.jpg" alt="">
                            <span>小米10 至尊纪念版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item.jpg" alt="">
                            <span>小米10 至尊纪念版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item.jpg" alt="">
                            <span>小米10 至尊纪念版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item.jpg" alt="">
                            <span>小米10 至尊纪念版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item.jpg" alt="">
                            <span>小米10 至尊纪念版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item.jpg" alt="">
                            <span>小米10 至尊纪念版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item.jpg" alt="">
                            <span>小米10 至尊纪念版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item.jpg" alt="">
                            <span>小米10 至尊纪念版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item.jpg" alt="">
                            <span>小米10 至尊纪念版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item.jpg" alt="">
                            <span>小米10 至尊纪念版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item.jpg" alt="">
                            <span>小米10 至尊纪念版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item.jpg" alt="">
                            <span>小米10 至尊纪念版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item.jpg" alt="">
                            <span>小米10 至尊纪念版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item.jpg" alt="">
                            <span>小米10 至尊纪念版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item.jpg" alt="">
                            <span>小米10 至尊纪念版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item.jpg" alt="">
                            <span>小米10 至尊纪念版</span>
                            </a>
                          </li>
                        </ul>
                      </div>
                    </li>
                    <li class="cate-item">
                      <a href="javascript:;">
                        电视 盒子
                        <em class="iconfont icon-arrow-right"></em>
                      </a>
                      <div class="cate-children">
                        <ul>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item1.jpg" alt="">
                            <span>小米透明电视</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item1.jpg" alt="">
                            <span>小米透明电视</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item1.jpg" alt="">
                            <span>小米透明电视</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item1.jpg" alt="">
                            <span>小米透明电视</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item1.jpg" alt="">
                            <span>小米透明电视</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item1.jpg" alt="">
                            <span>小米透明电视</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item1.jpg" alt="">
                            <span>小米透明电视</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item1.jpg" alt="">
                            <span>小米透明电视</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item1.jpg" alt="">
                            <span>小米透明电视</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item1.jpg" alt="">
                            <span>小米透明电视</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item1.jpg" alt="">
                            <span>小米透明电视</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item1.jpg" alt="">
                            <span>小米透明电视</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item1.jpg" alt="">
                            <span>小米透明电视</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item1.jpg" alt="">
                            <span>小米透明电视</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item1.jpg" alt="">
                            <span>小米透明电视</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item1.jpg" alt="">
                            <span>小米透明电视</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item1.jpg" alt="">
                            <span>小米透明电视</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item1.jpg" alt="">
                            <span>小米透明电视</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item1.jpg" alt="">
                            <span>小米透明电视</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item1.jpg" alt="">
                            <span>小米透明电视</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item1.jpg" alt="">
                            <span>小米透明电视</span>
                            </a>
                          </li>
                          
                        </ul>
                      </div>
                    </li>
                    <li class="cate-item">
                      <a href="javascript:;">
                        笔记本 显示器
                        <em class="iconfont icon-arrow-right"></em>
                      </a>
                      <div class="cate-children">
                        <ul>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item2.jpg" alt="">
                            <span>Redmi G 游戏本</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item2.jpg" alt="">
                            <span>Redmi G 游戏本</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item2.jpg" alt="">
                            <span>Redmi G 游戏本</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item2.jpg" alt="">
                            <span>Redmi G 游戏本</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item2.jpg" alt="">
                            <span>Redmi G 游戏本</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item2.jpg" alt="">
                            <span>Redmi G 游戏本</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item2.jpg" alt="">
                            <span>Redmi G 游戏本</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item2.jpg" alt="">
                            <span>Redmi G 游戏本</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item2.jpg" alt="">
                            <span>Redmi G 游戏本</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item2.jpg" alt="">
                            <span>Redmi G 游戏本</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item2.jpg" alt="">
                            <span>Redmi G 游戏本</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item2.jpg" alt="">
                            <span>Redmi G 游戏本</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item2.jpg" alt="">
                            <span>Redmi G 游戏本</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item2.jpg" alt="">
                            <span>Redmi G 游戏本</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item2.jpg" alt="">
                            <span>Redmi G 游戏本</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item2.jpg" alt="">
                            <span>Redmi G 游戏本</span>
                            </a>
                          </li>
                        </ul>
                      </div>
                    </li>
                    <li class="cate-item">
                      <a href="javascript:;">
                        家电 插线板
                        <em class="iconfont icon-arrow-right"></em>
                      </a>
                      <div class="cate-children">
                        <ul>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item3.jpg" alt="">
                            <span>冰箱</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item3.jpg" alt="">
                            <span>冰箱</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item3.jpg" alt="">
                            <span>冰箱</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item3.jpg" alt="">
                            <span>冰箱</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item3.jpg" alt="">
                            <span>冰箱</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item3.jpg" alt="">
                            <span>冰箱</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item3.jpg" alt="">
                            <span>冰箱</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item3.jpg" alt="">
                            <span>冰箱</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item3.jpg" alt="">
                            <span>冰箱</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item3.jpg" alt="">
                            <span>冰箱</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item3.jpg" alt="">
                            <span>冰箱</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item3.jpg" alt="">
                            <span>冰箱</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item3.jpg" alt="">
                            <span>冰箱</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item3.jpg" alt="">
                            <span>冰箱</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item3.jpg" alt="">
                            <span>冰箱</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item3.jpg" alt="">
                            <span>冰箱</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item3.jpg" alt="">
                            <span>冰箱</span>
                            </a>
                          </li>
                          
                        </ul>
                      </div>
                    </li>
                    <li class="cate-item">
                      <a href="javascript:;">
                        出行 穿戴
                        <em class="iconfont icon-arrow-right"></em>
                      </a>
                      <div class="cate-children">
                        <ul>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item4.jpg" alt="">
                            <span>手环5NFC</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item4.jpg" alt="">
                            <span>手环5NFC</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item4.jpg" alt="">
                            <span>手环5NFC</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item4.jpg" alt="">
                            <span>手环5NFC</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item4.jpg" alt="">
                            <span>手环5NFC</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item4.jpg" alt="">
                            <span>手环5NFC</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item4.jpg" alt="">
                            <span>手环5NFC</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item4.jpg" alt="">
                            <span>手环5NFC</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item4.jpg" alt="">
                            <span>手环5NFC</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item4.jpg" alt="">
                            <span>手环5NFC</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item4.jpg" alt="">
                            <span>手环5NFC</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item4.jpg" alt="">
                            <span>手环5NFC</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item4.jpg" alt="">
                            <span>手环5NFC</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item4.jpg" alt="">
                            <span>手环5NFC</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item4.jpg" alt="">
                            <span>手环5NFC</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item4.jpg" alt="">
                            <span>手环5NFC</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item4.jpg" alt="">
                            <span>手环5NFC</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item4.jpg" alt="">
                            <span>手环5NFC</span>
                            </a>
                          </li>
                          
                        </ul>
                      </div>
                    </li>
                    <li class="cate-item">
                      <a href="javascript:;">
                        智能 路由器
                        <em class="iconfont icon-arrow-right"></em>
                      </a>
                      <div class="cate-children">
                        <ul>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item5.jpg" alt="">
                            <span>打印机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item5.jpg" alt="">
                            <span>打印机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item5.jpg" alt="">
                            <span>打印机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item5.jpg" alt="">
                            <span>打印机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item5.jpg" alt="">
                            <span>打印机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item5.jpg" alt="">
                            <span>打印机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item5.jpg" alt="">
                            <span>打印机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item5.jpg" alt="">
                            <span>打印机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item5.jpg" alt="">
                            <span>打印机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item5.jpg" alt="">
                            <span>打印机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item5.jpg" alt="">
                            <span>打印机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item5.jpg" alt="">
                            <span>打印机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item5.jpg" alt="">
                            <span>打印机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item5.jpg" alt="">
                            <span>打印机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item5.jpg" alt="">
                            <span>打印机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item5.jpg" alt="">
                            <span>打印机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item5.jpg" alt="">
                            <span>打印机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item5.jpg" alt="">
                            <span>打印机</span>
                            </a>
                          </li>
                          
                        </ul>
                      </div>
                    </li>
                    <li class="cate-item">
                      <a href="javascript:;">
                        电源 配件
                        <em class="iconfont icon-arrow-right"></em>
                      </a>
                      <div class="cate-children">
                        <ul>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item6.jpg" alt="">
                            <span>移动电源</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item6.jpg" alt="">
                            <span>移动电源</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item6.jpg" alt="">
                            <span>移动电源</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item6.jpg" alt="">
                            <span>移动电源</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item6.jpg" alt="">
                            <span>移动电源</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item6.jpg" alt="">
                            <span>移动电源</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item6.jpg" alt="">
                            <span>移动电源</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item6.jpg" alt="">
                            <span>移动电源</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item6.jpg" alt="">
                            <span>移动电源</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item6.jpg" alt="">
                            <span>移动电源</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item6.jpg" alt="">
                            <span>移动电源</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item6.jpg" alt="">
                            <span>移动电源</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item6.jpg" alt="">
                            <span>移动电源</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item6.jpg" alt="">
                            <span>移动电源</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item6.jpg" alt="">
                            <span>移动电源</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item6.jpg" alt="">
                            <span>移动电源</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item6.jpg" alt="">
                            <span>移动电源</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item6.jpg" alt="">
                            <span>移动电源</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item6.jpg" alt="">
                            <span>移动电源</span>
                            </a>
                          </li>
                          
                        </ul>
                      </div>
                    </li>
                    <li class="cate-item">
                      <a href="javascript:;">
                        健康 儿童
                        <em class="iconfont icon-arrow-right"></em>
                      </a>
                      <div class="cate-children">
                        <ul>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item7.jpg" alt="">
                            <span>洗手机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item7.jpg" alt="">
                            <span>洗手机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item7.jpg" alt="">
                            <span>洗手机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item7.jpg" alt="">
                            <span>洗手机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item7.jpg" alt="">
                            <span>洗手机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item7.jpg" alt="">
                            <span>洗手机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item7.jpg" alt="">
                            <span>洗手机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item7.jpg" alt="">
                            <span>洗手机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item7.jpg" alt="">
                            <span>洗手机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item7.jpg" alt="">
                            <span>洗手机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item7.jpg" alt="">
                            <span>洗手机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item7.jpg" alt="">
                            <span>洗手机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item7.jpg" alt="">
                            <span>洗手机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item7.jpg" alt="">
                            <span>洗手机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item7.jpg" alt="">
                            <span>洗手机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item7.jpg" alt="">
                            <span>洗手机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item7.jpg" alt="">
                            <span>洗手机</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item7.jpg" alt="">
                            <span>洗手机</span>
                            </a>
                          </li>
                          
                        </ul>
                      </div>
                    </li>
                    <li class="cate-item">
                      <a href="javascript:;">
                        耳机 音箱
                        <em class="iconfont icon-arrow-right"></em>
                      </a>
                      <div class="cate-children">
                        <ul>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item8.jpg" alt="">
                            <span>小爱音箱 Art 电池版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item8.jpg" alt="">
                            <span>小爱音箱 Art 电池版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item8.jpg" alt="">
                            <span>小爱音箱 Art 电池版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item8.jpg" alt="">
                            <span>小爱音箱 Art 电池版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item8.jpg" alt="">
                            <span>小爱音箱 Art 电池版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item8.jpg" alt="">
                            <span>小爱音箱 Art 电池版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item8.jpg" alt="">
                            <span>小爱音箱 Art 电池版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item8.jpg" alt="">
                            <span>小爱音箱 Art 电池版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item8.jpg" alt="">
                            <span>小爱音箱 Art 电池版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item8.jpg" alt="">
                            <span>小爱音箱 Art 电池版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item8.jpg" alt="">
                            <span>小爱音箱 Art 电池版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item8.jpg" alt="">
                            <span>小爱音箱 Art 电池版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item8.jpg" alt="">
                            <span>小爱音箱 Art 电池版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item8.jpg" alt="">
                            <span>小爱音箱 Art 电池版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item8.jpg" alt="">
                            <span>小爱音箱 Art 电池版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item8.jpg" alt="">
                            <span>小爱音箱 Art 电池版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item8.jpg" alt="">
                            <span>小爱音箱 Art 电池版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item8.jpg" alt="">
                            <span>小爱音箱 Art 电池版</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item8.jpg" alt="">
                            <span>小爱音箱 Art 电池版</span>
                            </a>
                          </li>
                          
                        </ul>
                      </div>
                    </li>
                    <li class="cate-item">
                      <a href="javascript:;">
                        生活 箱包
                        <em class="iconfont icon-arrow-right"></em>
                      </a>
                      <div class="cate-children">
                        <ul>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item9.jpg" alt="">
                            <span>小背包</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item9.jpg" alt="">
                            <span>小背包</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item9.jpg" alt="">
                            <span>小背包</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item9.jpg" alt="">
                            <span>小背包</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item9.jpg" alt="">
                            <span>小背包</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item9.jpg" alt="">
                            <span>小背包</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item9.jpg" alt="">
                            <span>小背包</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item9.jpg" alt="">
                            <span>小背包</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item9.jpg" alt="">
                            <span>小背包</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item9.jpg" alt="">
                            <span>小背包</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item9.jpg" alt="">
                            <span>小背包</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item9.jpg" alt="">
                            <span>小背包</span>
                            </a>
                          </li>
                          <li>
                            <a href="javascript:;">
                            <img src="./img/cate-item9.jpg" alt="">
                            <span>小背包</span>
                            </a>
                          </li>
                          
                        </ul>
                      </div>
                    </li>
                  </ul>
                </div>
              </li>
              <li class="nav-item">
                <a href="javascript:;" class="link"><span>小米手机</span></a>
                <!-- 导航下拉区 -->
                <div class="item-children">
                  <div class="container">
                    <ul>
                      <li>
                        <img src="./img/mi_drop.webp" alt="">
                        <div>小米10至尊纪念版</div>
                        <p>5299元起</p>
                      </li>
                      <li>
                        <img src="./img/mi_drop.webp" alt="">
                        <div>小米10至尊纪念版</div>
                        <p>5299元起</p>
                      </li>
                      <li>
                        <img src="./img/mi_drop.webp" alt="">
                        <div>小米10至尊纪念版</div>
                        <p>5299元起</p>
                      </li>
                      <li>
                        <img src="./img/mi_drop.webp" alt="">
                        <div>小米10至尊纪念版</div>
                        <p>5299元起</p>
                      </li>
                    </ul>
                  </div>
                </div>
              </li>
              <li class="nav-item">
                <a href="javascript:;" class="link"><span>Redmi 红米</span></a>
                <!-- 导航下拉区 -->
                <div class="item-children">
                  <div class="container">
                    <ul>
                      <li>
                        <img src="./img/mi_drop2.webp" alt="">
                        <div>Redmi K30S 至尊纪念版</div>
                        <p>2599元起</p>
                      </li>
                      <li>
                        <img src="./img/mi_drop2.webp" alt="">
                        <div>Redmi K30S 至尊纪念版</div>
                        <p>2599元起</p>
                      </li>
                      <li>
                        <img src="./img/mi_drop2.webp" alt="">
                        <div>Redmi K30S 至尊纪念版</div>
                        <p>2599元起</p>
                      </li>
                      <li>
                        <img src="./img/mi_drop2.webp" alt="">
                        <div>Redmi K30S 至尊纪念版</div>
                        <p>2599元起</p>
                      </li>
                    </ul>
                  </div>
                </div>
              </li>
              <li class="nav-item">
                <a href="javascript:;" class="link"><span>电视</span></a>
                <!-- 导航下拉区 -->
                <div class="item-children">
                  <div class="container">
                    <ul>
                      <li>
                        <img src="./img/mi_drop3.webp" alt="">
                        <div>小米电视大师 82英寸至尊纪念版</div>
                        <p>49999元起</p>
                      </li>
                      <li>
                        <img src="./img/mi_drop3.webp" alt="">
                        <div>小米电视大师 82英寸至尊纪念版</div>
                        <p>49999元起</p>
                      </li>
                      <li>
                        <img src="./img/mi_drop3.webp" alt="">
                        <div>小米电视大师 82英寸至尊纪念版</div>
                        <p>49999元起</p>
                      </li>
                      <li>
                        <img src="./img/mi_drop3.webp" alt="">
                        <div>小米电视大师 82英寸至尊纪念版</div>
                        <p>49999元起</p>
                      </li>
                    </ul>
                  </div>
                </div>
              </li>
              <li class="nav-item">
                <a href="javascript:;" class="link"><span>笔记本</span></a>
                <!-- 导航下拉区 -->
                <div class="item-children">
                  <div class="container">
                    <ul>
                      <li>
                        <img src="./img/mi_drop4.webp" alt="">
                        <div>Redmi G 游戏本</div>
                        <p>4999元起</p>
                      </li>
                      <li>
                        <img src="./img/mi_drop4.webp" alt="">
                        <div>Redmi G 游戏本</div>
                        <p>4999元起</p>
                      </li>
                      <li>
                        <img src="./img/mi_drop4.webp" alt="">
                        <div>Redmi G 游戏本</div>
                        <p>4999元起</p>
                      </li>
                      <li>
                        <img src="./img/mi_drop4.webp" alt="">
                        <div>Redmi G 游戏本</div>
                        <p>4999元起</p>
                      </li>
                    </ul>
                  </div>
                </div>
              </li>
              <li class="nav-item">
                <a href="javascript:;" class="link"><span>家电</span></a>
                <!-- 导航下拉区 -->
                <div class="item-children">
                  <div class="container">
                    <ul>
                      <li>
                        <img src="./img/mi_drop5.webp" alt="">
                        <div>Redmi路由器 AX6</div>
                        <p>299元</p>
                      </li>
                      <li>
                        <img src="./img/mi_drop5.webp" alt="">
                        <div>Redmi路由器 AX6</div>
                        <p>299元</p>
                      </li>
                      <li>
                        <img src="./img/mi_drop5.webp" alt="">
                        <div>Redmi路由器 AX6</div>
                        <p>299元</p>
                      </li>
                      <li>
                        <img src="./img/mi_drop5.webp" alt="">
                        <div>Redmi路由器 AX6</div>
                        <p>299元</p>
                      </li>
                    </ul>
                  </div>
                </div>
              </li>
              <li class="nav-item">
                <a href="javascript:;" class="link"><span>路由器</span></a>
                <!-- 导航下拉区 -->
                <div class="item-children">
                  <div class="container">
                    <ul>
                      <li>
                        <img src="./img/mi_drop6.webp" alt="">
                        <div>Redmi路由器 AX6</div>
                        <p>299元</p>
                      </li>
                      <li>
                        <img src="./img/mi_drop6.webp" alt="">
                        <div>Redmi路由器 AX6</div>
                        <p>299元</p>
                      </li>
                      <li>
                        <img src="./img/mi_drop6.webp" alt="">
                        <div>Redmi路由器 AX6</div>
                        <p>299元</p>
                      </li>
                      <li>
                        <img src="./img/mi_drop6.webp" alt="">
                        <div>Redmi路由器 AX6</div>
                        <p>299元</p>
                      </li>
                    </ul>
                  </div>
                </div>
              </li>
              <li class="nav-item">
                <a href="javascript:;" class="link"><span>智能硬件</span></a>
                <!-- 导航下拉区 -->
                <div class="item-children">
                  <div class="container">
                    <ul>
                      <li>
                        <img src="./img/mi_drop7.jpg" alt="">
                        <div>小米米家智能摄像机云台版</div>
                        <p>179元</p>
                      </li>
                      <li>
                        <img src="./img/mi_drop7.jpg" alt="">
                        <div>小米米家智能摄像机云台版</div>
                        <p>179元</p>
                      </li>
                      <li>
                        <img src="./img/mi_drop7.jpg" alt="">
                        <div>小米米家智能摄像机云台版</div>
                        <p>179元</p>
                      </li>
                      <li>
                        <img src="./img/mi_drop7.jpg" alt="">
                        <div>小米米家智能摄像机云台版</div>
                        <p>179元</p>
                      </li>
                    </ul>
                  </div>
                </div>
              </li>
              <li class="nav-item">
                <a href="javascript:;" class="link"><span>服务</span></a>
              </li>
              <li class="nav-item">
                <a href="javascript:;" class="link"><span>社区</span></a>
              </li>
            </ul>
          </div>
          <!-- 搜索框 -->
          <div class="header-search">
            <form action="">
              <a href="javascript:;">
                <input type="submit" class="sec" value="">
                <i class="iconfont icon-sousuo"></i>
              </a>
              <a href="javascript:;">
                <input type="text" class="fir" placeholder="电视">
              </a>
            </form>
          </div>
        </div>
      </div>
      <!-- 导航区域site-header end -->
    </div>
    <!-- header区域 end-->

    <!-- 主页展示区home-hero start-->
    <div class="home-hero">
        <div class="container">
          <!-- 轮播图区域 -->
          <div class="swiper">
            <!-- 图片区域 -->
            <div class="swiper-wrapper clearfix">
              <ul class="clearfix">
                <li class="swiper-slide active">
                  <a href="javascript:;"><img src="./img/swiper1.jpg" alt=""></a>
                </li>
                <li class="swiper-slide">
                  <a href="javascript:;"><img src="./img/swiper2.jpg" alt=""></a>
                </li>
                <li class="swiper-slide">
                  <a href="javascript:;"><img src="./img/swiper3.jpg" alt=""></a>
                </li>
                <li class="swiper-slide">
                  <a href="javascript:;"><img src="./img/swiper4.jpg" alt=""></a>
                </li>
                <li class="swiper-slide">
                  <a href="javascript:;"><img src="./img/swiper5.jpg" alt=""></a>
                </li>
              </ul>
            </div>
            <!-- 分页圆点 -->
            <div class="pagination">
              <a href="javascript:;" class="pagination-bullet active" data-index="0"></a>
              <a href="javascript:;" class="pagination-bullet" data-index="1"></a>
              <a href="javascript:;" class="pagination-bullet" data-index="2"></a>
              <a href="javascript:;" class="pagination-bullet" data-index="3"></a>
              <a href="javascript:;" class="pagination-bullet" data-index="4"></a>
            </div>
            <!-- 上、下一张图标 -->
            <div class="swiper-pre"></div>
            <div class="swiper-next"></div>
          </div>
          <!-- 其他配图 -->
          <div class="swiper-sub">
            <div class="span4">
              <ul class="clearfix">
                <li>
                  <a href="javascript:;">
                    <img src="./img/swiper-sub-span4-1.png" alt="">
                    <p>小米秒杀</p>
                  </a>
                </li>
                <li>
                  <a href="javascript:;">
                    <img src="./img/swiper-sub-span4-2.png" alt="">
                    <p>企业团购</p>
                  </a>
                </li>
                <li>
                  <a href="javascript:;">
                    <img src="./img/swiper-sub-span4-3.png" alt="">
                    <p>F码通道</p>
                  </a>
                </li>
                <li>
                  <a href="javascript:;">
                    <img src="./img/swiper-sub-span4-4.png" alt="">
                    <p>米粉卡</p>
                  </a>
                </li>
                <li>
                  <a href="javascript:;">
                    <img src="./img/swiper-sub-span4-5.png" alt="">
                    <p>以旧换新</p>
                  </a>
                </li>
                <li>
                  <a href="javascript:;">
                    <img src="./img/swiper-sub-span4-6.png" alt="">
                    <p>话费充值</p>
                  </a>
                </li>
              </ul>
            </div>
            <div class="span16">
              <ul>
                <li>
                  <a href="javascript:;"><img src="./img/swiper-sub-span16-1.jpg" alt=""></a>
                </li>
                <li>
                  <a href="javascript:;"><img src="./img/swiper-sub-span16-2.jpg" alt=""></a>
                </li>
                <li>
                  <a href="javascript:;"><img src="./img/swiper-sub-span16-3.jpg" alt=""></a>
                </li>
              </ul>
            </div>
          </div>
        </div>
    </div>
    <!-- 主页展示区home-hero end -->

    <!-- 主页内容区page-main start-->
    <div class="page-main">
        <div class="container">
          <!-- 小米闪购 -->
          <div class="home-flashsale">
            <!-- 标题 -->
            <div class="box-hd">
              <h2>小米闪购</h2>
            </div>
            <!-- 内容 -->
            <div class="box-bd">
              <!-- 倒计时 -->
              <div class="count-down">
                <div class="time">21:00场</div>
                <img src="./img/flashSale.png" alt="">
                <div class="des">距离结束还有</div>
                <div class="end">已结束</div>
                <div class="count-down-time clearfix">
                  <span class="hour">00</span><i>:</i>
                  <span class="minute">00</span><i>:</i>
                  <span class="second">00</span>
                </div>
              </div>
              <!-- 闪购列表 -->
              <div class="flashsaleList">
                <ul class="clearfix">
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/flashsale-item1.webp" alt="">
                        <h3>自清洁 | 米家互联网空调 1.5匹</h3>
                        <p class="des">变频，高效制冷热，自清洁dsadsadsadsadsadsada</p>
                        <p class="price">
                          <span>1799元</span>
                          <del>2399元</del>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/flashsale-item2.webp" alt="">
                        <h3>自清洁 | 米家互联网空调 1.5匹</h3>
                        <p class="des">变频，高效制冷热，自清洁</p>
                        <p class="price">
                          <span>1799元</span>
                          <del>2399元</del>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/flashsale-item3.webp" alt="">
                        <h3>自清洁 | 米家互联网空调 1.5匹</h3>
                        <p class="des">变频，高效制冷热，自清洁</p>
                        <p class="price">
                          <span>1799元</span>
                          <del>2399元</del>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/flashsale-item4.webp" alt="">
                        <h3>自清洁 | 米家互联网空调 1.5匹</h3>
                        <p class="des">变频，高效制冷热，自清洁</p>
                        <p class="price">
                          <span>1799元</span>
                          <del>2399元</del>
                        </p>
                      </div>
                    </a>
                  </li>
                </ul>
              </div>
              <!-- 轮播按钮 -->
              <div class="swiper-control">
                <span class="pre"><i class="fir iconfont icon-arrow-left"></i></span>
                <span class="next"><i class="sec iconfont icon-arrow-right"></i></span>
              </div>
            </div>
          </div>
          <!-- 广告banner -->
          <div class="home-banner">
            <a href="javascript:;">
              <img src="./img/home-banner1.jpg" alt="">
            </a>
          </div>
          <!-- 手机模块 -->
          <div class="home-brick">
            <div class="box-hd">
              <h2>手机</h2>
              <div class="more">
                <a href="javascript:;">
                  查看全部
                  <i class="iconfont icon-arrow-right-bc"></i>
                </a>
              </div>
            </div>
            <div class="box-bd clearfix">
              <div class="span4">
                <ul class="clearfix">
                  <li>
                    <a href="javascript:;">
                      <img src="./img/phone-item1.jpg" alt="">
                    </a>
                  </li>
                </ul>
              </div>
              <div class="span16 lazyImg">
                <ul class="clearfix">
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/loading.png" data-src="./img/phone-item2.jpg" alt="">
                        <h3>小米10 至尊版</h3>
                        <p class="des">120X 变焦/120W秒充/120Hz屏幕</p>
                        <p class="price">
                          <span>5299元起</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/loading.png" data-src="./img/phone-item2.jpg" alt="">
                        <h3>小米10 至尊版</h3>
                        <p class="des">120X 变焦/120W秒充/120Hz屏幕</p>
                        <p class="price">
                          <span>5299元起</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/loading.png" data-src="./img/phone-item2.jpg" alt="">
                        <h3>小米10 至尊版</h3>
                        <p class="des">120X 变焦/120W秒充/120Hz屏幕</p>
                        <p class="price">
                          <span>5299元起</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/loading.png" data-src="./img/phone-item2.jpg" alt="">
                        <h3>小米10 至尊版</h3>
                        <p class="des">120X 变焦/120W秒充/120Hz屏幕</p>
                        <p class="price">
                          <span>5299元起</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/loading.png" data-src="./img/phone-item2.jpg" alt="">
                        <h3>小米10 至尊版</h3>
                        <p class="des">120X 变焦/120W秒充/120Hz屏幕</p>
                        <p class="price">
                          <span>5299元起</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/loading.png" data-src="./img/phone-item2.jpg" alt="">
                        <h3>小米10 至尊版</h3>
                        <p class="des">120X 变焦/120W秒充/120Hz屏幕</p>
                        <p class="price">
                          <span>5299元起</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/loading.png" data-src="./img/phone-item2.jpg" alt="">
                        <h3>小米10 至尊版</h3>
                        <p class="des">120X 变焦/120W秒充/120Hz屏幕</p>
                        <p class="price">
                          <span>5299元起</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/loading.png" data-src="./img/phone-item2.jpg" alt="">
                        <h3>小米10 至尊版</h3>
                        <p class="des">120X 变焦/120W秒充/120Hz屏幕</p>
                        <p class="price">
                          <span>5299元起</span>
                        </p>
                      </div>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <!-- 广告banner -->
          <div class="home-banner">
            <a href="javascript:;">
              <img src="./img/home-banner2.jpg" alt="">
            </a>
          </div>
          <!-- 家电模块 -->
          <div class="home-brick home-appliance">
            <div class="box-hd">
              <h2>家电</h2>
              <div class="more">
                <ul class="tab-list">
                  <li class="tab-item1 active" data-index="0">热门</li>
                  <li class="tab-item1" data-index="1">电视影音</li>
                </ul>
              </div>
            </div>
            <div class="box-bd clearfix">
              <div class="span4">
                <ul class="clearfix">
                  <li>
                    <a href="javascript:;">
                      <img src="./img/home-appliance-item1.jpg" alt="">
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <img src="./img/home-appliance-item2.jpg" alt="">
                    </a>
                  </li>
                </ul>
              </div>
              <!-- 热门 -->
              <div class="span16 appliance">
                <ul class="clearfix">
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-appliance-item3.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-appliance-item3.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-appliance-item3.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-appliance-item3.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-appliance-item3.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-appliance-item3.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-appliance-item3.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <div>
                    <li class="last">
                      <img src="./img/home-appliance-last1.jpg" alt="">
                      <div class="content">
                        <h3>米家互联网烟灶套装（天然气）</h3>
                        <p class="price">
                          <span>2298元</span>
                        </p>
                      </div>
                    </li>
                  </div>
                  <li class="last morehot">
                    <i class="iconfont icon-roundArrRight"></i>
                    <div class="content">
                      <p class="tit">浏览更多</p>
                      <p class="des">热门</p>
                    </div>
                  </li>
                </ul>
              </div>
              <!-- 电视影音 -->
              <div class="span16 appliance">
                <ul class="clearfix">
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-appliance-item4.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-appliance-item4.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-appliance-item4.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-appliance-item4.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-appliance-item4.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-appliance-item4.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-appliance-item4.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <div>
                    <li class="last">
                      <img src="./img/home-appliance-last1.jpg" alt="">
                      <div class="content">
                        <h3>米家互联网烟灶套装（天然气）</h3>
                        <p class="price">
                          <span>2298元</span>
                        </p>
                      </div>
                    </li>
                  </div>
                  <li class="last morehot">
                    <i class="iconfont icon-roundArrRight"></i>
                    <div class="content">
                      <p class="tit">浏览更多</p>
                      <p class="des">热门</p>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <!-- 广告banner -->
          <div class="home-banner">
            <a href="javascript:;">
              <img src="./img/home-banner3.jpg" alt="">
            </a>
          </div>
          <!-- 智能模块 -->
          <div class="home-brick home-appliance">
            <div class="box-hd">
              <h2>智能</h2>
              <div class="more">
                <ul class="tab-list">
                  <li class="tab-item2 active" data-index="0">热门</li>
                  <li class="tab-item2" data-index="1">安防</li>
                  <li class="tab-item2" data-index="2">出行</li>
                </ul>
              </div>
            </div>
            <div class="box-bd clearfix">
              <div class="span4">
                <ul class="clearfix">
                  <li>
                    <a href="javascript:;">
                      <img src="./img/home-smart-item1.jpg" alt="">
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <img src="./img/home-smart-item2.jpg" alt="">
                    </a>
                  </li>
                </ul>
              </div>
              <div class="span16 smart">
                <ul class="clearfix">
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-smart-item3.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-smart-item3.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-smart-item3.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-smart-item3.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-smart-item3.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-smart-item3.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-smart-item3.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <div>
                    <li class="last">
                      <img src="./img/home-appliance-last1.jpg" alt="">
                      <div class="content">
                        <h3>米家互联网烟灶套装（天然气）</h3>
                        <p class="price">
                          <span>2298元</span>
                        </p>
                      </div>
                    </li>
                  </div>
                  <li class="last morehot">
                    <i class="iconfont icon-roundArrRight"></i>
                    <div class="content">
                      <p class="tit">浏览更多</p>
                      <p class="des">热门</p>
                    </div>
                  </li>
                </ul>
              </div>
              <div class="span16 smart">
                <ul class="clearfix">
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-smart-item4.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-smart-item4.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-smart-item4.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-smart-item4.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-smart-item4.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-smart-item4.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-smart-item4.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <div>
                    <li class="last">
                      <img src="./img/home-appliance-last1.jpg" alt="">
                      <div class="content">
                        <h3>米家互联网烟灶套装（天然气）</h3>
                        <p class="price">
                          <span>2298元</span>
                        </p>
                      </div>
                    </li>
                  </div>
                  <li class="last morehot">
                    <i class="iconfont icon-roundArrRight"></i>
                    <div class="content">
                      <p class="tit">浏览更多</p>
                      <p class="des">热门</p>
                    </div>
                  </li>
                </ul>
              </div>
              <div class="span16 smart">
                <ul class="clearfix">
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-smart-item5.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-smart-item5.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-smart-item5.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-smart-item5.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-smart-item5.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-smart-item5.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="javascript:;">
                      <div class="content">
                        <img src="./img/home-smart-item5.jpg" alt="">
                        <h3>Redmi 红米电视 70英寸</h3>
                        <p class="des">70英寸震撼巨屏，4K画质，细腻如真</p>
                        <p class="price">
                          <span>3299元</span>
                        </p>
                      </div>
                    </a>
                  </li>
                  
                  <div>
                    <li class="last">
                      <img src="./img/home-appliance-last1.jpg" alt="">
                      <div class="content">
                        <h3>米家互联网烟灶套装（天然气）</h3>
                        <p class="price">
                          <span>2298元</span>
                        </p>
                      </div>
                    </li>
                  </div>
                  <li class="last morehot">
                    <i class="iconfont icon-roundArrRight"></i>
                    <div class="content">
                      <p class="tit">浏览更多</p>
                      <p class="des">热门</p>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <!-- 广告banner -->
          <div class="home-banner">
            <a href="javascript:;">
              <img src="./img/home-banner4.jpg" alt="">
            </a>
          </div>
          <!-- 视频 -->
          <div class="home-brick video">
            <div class="box-hd">
              <h2>视频</h2>
              <div class="more">
                <a href="javascript:;">
                  查看全部
                  <i class="iconfont icon-arrow-right-bc"></i>
                </a>
              </div>
            </div>
            <div class="box-bd">
              <ul class="video-list">
                <li class="video-item">
                  <a href="javascript:;">
                    <div class="figure">
                      <img src="./img/video-item1.jpg" alt="">
                      <span class="play">
                        <i class="iconfont icon-play"></i>
                      </span>
                    </div>
                    <h3 class="tit">Redmi 10X系列发布会</h3>
                    <p class="des">Redmi 10X系列发布会</p>
                  </a>
                </li>
                <li class="video-item">
                  <a href="javascript:;">
                    <div class="figure">
                      <img src="./img/video-item2.jpg" alt="">
                      <span class="play">
                        <i class="iconfont icon-play"></i>
                      </span>
                    </div>
                    <h3 class="tit">Redmi 10X系列发布会</h3>
                    <p class="des">Redmi 10X系列发布会</p>
                  </a>
                </li>
                <li class="video-item">
                  <a href="javascript:;">
                    <div class="figure">
                      <img src="./img/video-item3.jpg" alt="">
                      <span class="play">
                        <i class="iconfont icon-play"></i>
                      </span>
                    </div>
                    <h3 class="tit">Redmi 10X系列发布会</h3>
                    <p class="des">Redmi 10X系列发布会</p>
                  </a>
                </li>
                <li class="video-item">
                  <a href="javascript:;">
                    <div class="figure">
                      <img src="./img/video-item4.jpg" alt="">
                      <span class="play">
                        <i class="iconfont icon-play"></i>
                      </span>
                    </div>
                    <h3 class="tit">Redmi 10X系列发布会</h3>
                    <p class="des">Redmi 10X系列发布会</p>
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </div>
    </div>
    <!-- 主页内容区 end-->

    <!-- footer区域 start-->
    <div>
        <div class="site-footer">
          <div class="container">
            <!-- 服务 -->
            <div class="footer-service">
              <ul class="service-list clearfix">
                <li class="service-item">
                  <a href="javascript:;">
                    <em class="iconfont icon-banshou"></em>
                    预约维修服务
                  </a>
                </li>
                <li class="service-item">
                  <a href="javascript:;">
                    <em class="iconfont icon-7tian"></em>
                    7天无理由退货
                  </a>
                </li>
                <li class="service-item">
                  <a href="javascript:;">
                    <em class="iconfont icon-15tian"></em>
                    15天免费换货
                  </a>
                </li>
                <li class="service-item">
                  <a href="javascript:;">
                    <em class="iconfont icon-liwu"></em>
                    满99元包邮
                  </a>
                </li>
                <li class="service-item">
                  <a href="javascript:;">
                    <em class="iconfont icon-location"></em>
                    520余家售后网点
                  </a>
                </li>
              </ul>
            </div>
            <!-- 具体链接 -->
            <div class="footer-links clearfix">
              <dl class="link-col">
                <dt>帮助中心</dt>
                <dd><a href="javascript:;">账户管理</a></dd>
                <dd><a href="javascript:;">购物指南</a></dd>
                <dd><a href="javascript:;">订单操作</a></dd>
              </dl>
              <dl class="link-col">
                <dt>服务支持</dt>
                <dd><a href="javascript:;">售后政策</a></dd>
                <dd><a href="javascript:;">自助服务</a></dd>
                <dd><a href="javascript:;">相关下载</a></dd>
              </dl>
              <dl class="link-col">
                <dt>线下门店</dt>
                <dd><a href="javascript:;">小米之家</a></dd>
                <dd><a href="javascript:;">服务网点</a></dd>
                <dd><a href="javascript:;">授权体验店</a></dd>
              </dl>
              <dl class="link-col">
                <dt>关于小米</dt>
                <dd><a href="javascript:;">了解小米</a></dd>
                <dd><a href="javascript:;">加入小米</a></dd>
                <dd><a href="javascript:;">投资者关系</a></dd>
                <dd><a href="javascript:;">企业社会责任</a></dd>
                <dd><a href="javascript:;">廉洁举报</a></dd>
              </dl>
              <dl class="link-col">
                <dt>关注我们</dt>
                <dd><a href="javascript:;">新浪微博</a></dd>
                <dd><a href="javascript:;">官方微信</a></dd>
                <dd><a href="javascript:;">联系我们</a></dd>
                <dd><a href="javascript:;">公益基金会</a></dd>
              </dl>
              <dl class="link-col">
                <dt>特色服务</dt>
                <dd><a href="javascript:;">F 码通道</a></dd>
                <dd><a href="javascript:;">礼物码</a></dd>
                <dd><a href="javascript:;">防伪查询</a></dd>
              </dl>
              <div class="contact">
                <p class="phone-number">400-100-5678</p>
                <p class="phone-time">8:00-18:00(仅收市话费)</p>
                <a href="javascript:;" class="service">
                  <em class="iconfont icon-message"></em>
                  人工客服
                </a>
                <div class="follow">
                  关注小米:
                  <a href="javascript:;" class="wb"></a>
                  <a href="javascript:;" class="wx">
                    <img src="./img/wx-erweima.png" alt="" class="wx-erweima">
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="site-info">
          <div class="container clearfix">
            <!-- logo区 -->
            <div class="logo"></div>
            <!-- 底部导航文本 -->
            <div class="info-text">
              <p>
                <a href="javascript:;">小米商城</a>
                <span>|</span>
                <a href="javascript:;">MIUI</a>
                <span>|</span>
                <a href="javascript:;">米家</a>
                <span>|</span>
                <a href="javascript:;">米聊</a>
                <span>|</span>
                <a href="javascript:;">多看</a>
                <span>|</span>
                <a href="javascript:;">游戏</a>
                <span>|</span>
                <a href="javascript:;">政企服务</a>
                <span>|</span>
                <a href="javascript:;">小米天猫店</a>
                <span>|</span>
                <a href="javascript:;">小米集团隐私政策</a>
                <span>|</span>
                <a href="javascript:;">小米公司儿童信息保护规则</a>
                <span>|</span>
                <a href="javascript:;">小米商城隐私政策</a>
                <span>|</span>
                <a href="javascript:;">小米商城用户协议</a>
                <span>|</span>
                <a href="javascript:;">问题反馈</a>
                <span>|</span>
                <a href="javascript:;">Select Location</a>
              </p>
              <p>
                <span>© mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号 </span>
                <br>
                <span>（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告 </span>
                <br>
                <span>增值电信业务许可证 网络食品经营备案 京食药网食备202010048   食品经营许可证 </span>
                <br>
                <span>违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</span>
              </p>
            </div>
            <!-- 相关证书 -->
            <div class="info-links">
              <a href="javascript:;"><img src="./img/footer-item1.png" alt=""></a>
              <a href="javascript:;"><img src="./img/footer-item2.png" alt=""></a>
              <a href="javascript:;"><img src="./img/footer-item3.png" alt=""></a>
              <a href="javascript:;"><img src="./img/footer-item4.png" alt=""></a>
              <a href="javascript:;"><img src="./img/footer-item5.png" alt="" class="last"></a>
            </div>
          </div>
        </div>
    </div>
    <!-- footer区域 end-->

    <!-- 侧边栏 start-->
    <div class="home-tool-bar">
      <a href="javascript:;" class="tool-item">
        <div class="tool-icon">
          <img src="./img/sprites1.png" alt="" class="phone">
          <img src="./img/sprites1-1.png" alt="" class="phone-hover">
        </div>
        <span>手机APP</span>
        <div class="app-erweima">
          <img src="./img/app_arrow.png" alt="" class="app-arrow">
          <img src="./img/app-erweima.png" alt="" class="erweima-img">
          <p class="des">扫码领取新人百元礼包</p>
        </div>
      </a>
      <a href="javascript:;" class="tool-item">
        <div class="tool-icon">
          <img src="./img/sprites2.png" alt="" class="people">
          <img src="./img/sprites2-1.png" alt="" class="people-hover">
        </div>
        <span>个人中心</span>
      </a>
      <a href="javascript:;" class="tool-item">
        <div class="tool-icon">
          <img src="./img/sprites3.png" alt="" class="sale">
          <img src="./img/sprites3-1.png" alt="" class="sale-hover">
        </div>
        <span>售后服务</span>
      </a>
      <a href="javascript:;" class="tool-item">
        <div class="tool-icon">
          <img src="./img/sprites4.png" alt="" class="person-service">
          <img src="./img/sprites4-1.png" alt="" class="service-hover">
        </div>
        <span>人工客服</span>
      </a>
      <a href="javascript:;" class="tool-item">
        <div class="tool-icon">
          <img src="./img/sprites5.png" alt="" class="cart">
          <img src="./img/sprites5-1.png" alt="" class="cart-hover">
        </div>
        <span>购物车</span>
      </a>
      <a href="javascript:;" class="tool-item">
        <div class="tool-icon">
          <img src="./img/sprites6.png" alt="" class="top">
          <img src="./img/sprites6-1.png" alt="" class="top-hover">
        </div>
        <span>回到顶部</span>
      </a>
    </div>
    <!-- 侧边栏 end-->

    <!-- 引入js文件 -->
    <script src="./js/index.js"></script>
</body>
</html>